@charset "UTF-8";

* {
     margin: 0;
     padding: 0;
}

a {
     color: #8FC2FF;
     text-decoration: none;
     outline: none;
}

img {
     border: none;
}

body {
     font: 11px 'Trebuchet MS', 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
     margin:0;
     padding: 0;
     color:#444;
     background: #f7f7f7 url('../img/fnd.png') repeat-x;
}

table {
     width: 100%;
     border-collapse: collapse;
}

td {
     padding: 0 20px 10px 0;
     vertical-align: top;
}

td.fina {
     padding: 0 !important;
}

input {
     border: 1px solid #aaa;
     margin-bottom: 10px;
}

input.texto {
     width: 100%;
}

input.cp {
     width: 15%;
}

input.loc{
     float: right;
     width: 82%;
}

input.vDateField {
     text-align: center;
     width: 90px;
}

input.chk {
     margin: 0 10px;
     vertical-align: top;
}

div#cabecera {
     height: 31px;
     border-bottom: 1px solid #aaa;
     background: #fff url('../img/button_bar_background.png') 0 bottom repeat-x;
}

div#cabecera img {
     float: left;
     margin-top: 3px;
}

div#cabecera h3 {
     float: left;
     padding: 9px 0 0 15px;
}

div#contenido {
     padding: 10px;
     height: 100%;
     overflow-y: auto;
}

div#izq {
     width: 20%;
     float: left;
}

div#der {
     height: 87%;
     overflow: auto;
     padding: 15px;
     position: absolute;
     right: 15px;
     width: 75%;
}

div#todo {
     height: 86%;
     overflow: auto;
     padding: 15px;
     position: absolute;
     width: 96%;
     margin: 0 auto;
}

.ui-state-active, .ui-accordion-content-active {
     border-color: #aaaaaa !important;
}

.sombra {
     box-shadow: 1px 1px 5px #aaa;
     -webkit-box-shadow: 1px 1px 5px #aaa;
     -moz-box-shadow: 1px 1px 5px #aaa;
}

#guardar1, #guardar2 {
     display: none;
}

div.wait {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 80%;
     background: transparent url('../../img/superbgloading.gif') center center no-repeat;
     z-index: 20;
}

img.F, img.FP, img.P {
     border: 1px solid #aaa;
     padding: 5px 5px 15px 5px;
     margin: 1px;
     background-color: #fff;
     box-shadow: 1px 1px 5px #aaa;
     -webkit-box-shadow: 1px 1px 5px #aaa;
     -moz-box-shadow: 1px 1px 5px #aaa;
}

ul#Ful, ul#FPul, ul#Pul, ul#Albm{
     list-style-type: none; 
     margin: 10px auto; 
     padding: 0; 
     display: block;
     float: left; 
}

h4.ui-widget-header span {
     font-size: 10px;
     margin-left: 10px;
}

div.imgcont {
     width: 100px;
     height: 79px;
     overflow: hidden;
}

.gallery.custom-state-active {     
     border: 1px solid #ccc;
     box-shadow: 1px 1px 7px #1C94C4;
     -webkit-box-shadow: 1px 1px 7px #1C94C4;
     -moz-box-shadow: 1px 1px 7px #1C94C4;
}

.gallery li {
     float: left; 
     width: 100px; 
     height: 120px;
     padding: 0.4em; 
     margin: 0 5px;
     text-align: center; 
     background: #fff none;
}

.gallery li h5 { 
     margin: 0 0 0.4em; 
     font-size: 10px;
     font-weight: normal;
     cursor: move;
}

.gallery li a { 
     float: right; 
}

.gallery li a.ui-icon-zoomin { 
     float: left; 
}

.gallery li img { 
     width: 100%; 
     cursor: move;
}

li.bordea {
     border-color: #aaa !important;
     box-shadow: 1px 1px 5px #bbb;
     -webkit-box-shadow: 1px 1px 5px #bbb;
     -moz-box-shadow: 1px 1px 5px #bbb;
     -webkit-border-radius: 4px !important;
     -moz-border-radius: 4px !important;
     border-radius: 4px !important;
}

#fotosfon, #fotoscon, #planos, #fondos, #album {
     display: inline-block;
     margin: 10px;
     min-height: 160px;
     min-width: 100px;
     padding: 5px;
}

div h4 button {
     height: 20px;
     margin-left: 10px;
     vertical-align: sub;
     width: 20px !important;
}

li span {
     font-size: 8pt;
     font-weight: normal;
     color: #767676;
}

img.chopo {
     display: none;
}

div#up_div {
     display: none;
     width: 100%;
     height: 100%;
     z-index: 900;
     position: absolute;
     left: 0;
     top: 0;
     background: transparent url(../../img/fndcorp.png);
}

div.ui-widget-overlay {
     z-index: 950 !important;
}

div.upload_div {
     position: relative;
     margin: 10px auto;
     height: 425px;
     width: 375px;
     background-color: #fff;
     box-shadow: 1px 1px 5px #bbb;
     -webkit-box-shadow: 1px 1px 5px #bbb;
     -moz-box-shadow: 1px 1px 5px #bbb;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}

div.upload_div div.c {
     height: 79%;
     margin: 5px;
     width: 97%;
     overflow:  auto;
}

/* SWFUpload qeue */

.progressWrapper {
overflow:hidden;
width:357px;
}
.progressContainer {
background-color:#F7F7F7;
border:1px solid #E8E8E8;
margin:5px;
overflow:hidden;
padding:4px;
}
.message {
background-color:#FFFFCC;
border:1px solid #FFDD99;
margin:1em 0;
overflow:hidden;
padding:10px 20px;
}
.red {
background-color:#FFEBEB;
border:1px solid #B50000;
}
.green {
background-color:#EBFFEB;
border:1px solid #DDF0DD;
}
.blue {
background-color:#F0F5FF;
border:1px solid #CEE2F2;
}
.progressName {
color:#555555;
font-size:8pt;
font-weight:700;
height:14px;
overflow:hidden;
text-align:left;
white-space:nowrap;
width:323px;
}
.progressBarInProgress, .progressBarComplete, .progressBarError {
background-color:blue;
font-size:0;
height:2px;
margin-top:2px;
width:0;
}
.progressBarComplete {
background-color:green;
visibility:hidden;
width:100%;
}
.progressBarError {
background-color:red;
visibility:hidden;
width:100%;
}
.progressBarStatus {
font-family:Arial;
font-size:7pt;
margin-top:2px;
text-align:left;
white-space:nowrap;
width:337px;
}
a.progressCancel {
background-image:url("../img/cancelbutton.gif");
background-position:-14px 0;
background-repeat:no-repeat;
display:block;
float:right;
font-size:0;
height:14px;
width:14px;
}
a.progressCancel:hover {
background-position:0 0;
}
/*****************/

.ui-tabs {
     height: 97%;
     overflow: auto;
}

table#form td {
     padding: 0;
     vertical-align: top;
}

h3 a {
     color: #333;
}

h3 a:hover {
     color: #a11;
}

table.encuesta {
     width: 80%;
     margin: 0 auto;
}

table.encuesta  tr td{
     border: 1px solid #aaa;
     padding: 4px;     
}